$background-color-one: #000;
$color-one: #FFF;

$background-color-two: #FFF;
$color-two: #000;

@mixin links($color){
	a, a:link, a:active, a:hover, a:visited {
		color: $color;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
}

html, body, body * {
	margin: 0;
	padding: 0;
	font-family: Helevetica, Arial, 'sans-serif';
	font-size: 19px;
}

 
.dark {
	background-color: $background-color-one;
	color: $color-one;
}

.light {
	background-color: $background-color-two;
	color: $color-two;
}

.container {
	padding: 10px;
}

.no-list-style {
	list-style-type: none;
}

#container {
	width: 870px;
	margin: 0 auto;
	border: 1px solid #000;
	#header {
		@extend .dark;
		@extend .container;
		#menu {
			display: inline-block;
			&>li {
				float: left;
				padding: 5px;
				@extend .no-list-style;
			} 
		}
		
		@include links($color-one)
	}
	
	#footer {
		@extend .dark;
		@extend .container;
		min-height: 100px;
		clear: both;
		@include links($color-one);
		ul {
			display: inline-block;
		}
		li {
			@extend .no-list-style;
		}
		
		#footer-left {
			float: left;
			width: 50%;
			ul {
				float: right;
				margin-right: 10px;
			}
			
		}
		#footer-right {
			float: left;
			width: 50%;
			ul {
				margin-left: 10px;
			}
		}
	}
	
	#content{
		@extend .light;
		
		#slideshow {
			height: 250px;
			background:#000 url(../images/enterprise-tos.jpg) no-repeat center center;
			background-size: auto 250px;
		}
		#columns-container {
			padding: 10px 5px;
		}
		#columns-container div{
			width: 48%;
			float: left;
		}
	}
}
#column-left ul li  {
	font-size: 0.7em;
	clear: both;
}

#column-left ul li img, #column-right ul li img {
	float:left;
	margin: 0.3em 0.5em;

}

#column-right ul li  {
	font-size: 0.7em;
	clear: both;
}

#column-right ul li img, #column-right ul li img {
	float:left;
	margin: 0.3em 0.5em;

}